$(function () {
  var id = CT.getParamsByUrl().productId;
  getProductData(id, function (data) {
    // 清除加载状态
    $('.loading').remove();
    // 渲染商品详情页
    $('.mui-scroll').html(template('detail', data));
    // 轮播图
    mui('.mui-slider').slider({
      interval: 2000
    });
    // 区域滚动
    mui('.mui-scroll-wrapper').scroll({
      indicators: false
    });


    // 尺码选择
    $('.size').on('tap', function () {
      $(this).addClass('now').siblings().removeClass('now');
    });


    // 数量的选择
    $('.mui-numbox button').on('tap', function () {
      var $input = $(this).siblings('input');
      var currNum = $input.val();
      var maxNum = parseInt($input.attr('data-max'));
      if($(this).hasClass('mui-btn-numbox-minus')) {
        if(currNum == 0){
          return false;
        }
        currNum--;
      }else {
        if(currNum >= maxNum) {
          setTimeout(function(){
            mui.toast('库存不足');
          },500)
          return false;
        }
        currNum++;
      }
      $input.val(currNum);
    });

    // 添加到购物车
    $('.mui-btn.mui-btn-danger').on('tap', function () {
      var $changeBtn = $(".size.now");
      if(!$changeBtn.length){
        mui.toast('请您选择尺码');
        return false;
      }
      var num = $('.mui-input-numbox').val();
      if(num <= 0) {
        mui.toast('请您选择数量');
        return false;
      }
      CT.loginAjax({
        url: '/cart/addCart',
        type: 'post',
        data: {
          productId: id,
          num: num,
          size: $changeBtn.html()
        },
        dataType:'json',
        success: function (data){
          if(data.success == true){
            mui.confirm('添加成功，去购物车看看？', '温馨提示', ['是', '否'], function(e) {
              if (e.index == 0) {
                location.href = CT.cartUrl;
              } else {
               //TODO
              }
            });s
          }
        }
      });
    });
  });
});

var getProductData = function (productId,callback) {
  $.ajax({
    url: '/product/queryProductDetail',
    type: 'get',
    data: {
      id: productId
    },
    dataType: 'json',
    success: function (data) {
      setTimeout(function(){
        callback && callback(data);
      },500)
    }
  });
}